<div class="sheet wrap feature-wrap">
  <div class="list-r">
    <div class="top">
      <div class="cat">
        <span>{{listParams.cat}}</span>
      </div>
      <nz-radio-group nzButtonStyle='solid' [(ngModel)]='orderValue' (ngModelChange)='onOrderChange($event)'>
        <label nz-radio-button nzValue='hot'>热门</label>
        <!-- <label nz-radio-button nzValue='new'>最新</label> -->
      </nz-radio-group>
    </div>
    <div class="list">
      <app-single-sheet
      class="sheet-item"
      *ngFor="let item of sheets?.playlists"
      [sheet]="item"
      (onPlay)="onPlaySheet($event)"
      (click)="toInfo(item.id)"
      >
      </app-single-sheet>
    </div>

    <nz-pagination
      class="pagination"
      [nzPageSize]='listParams.limit'
      [nzPageIndex]='listParams.offset'
      [nzTotal]='sheets?.total'
      (nzPageIndexChange)='onPageChange($event)'
    >

    </nz-pagination>
  </div>
</div>
